<html>
  <head>
  <!-- Make WebGL content run in Chrome Frame -->
  <meta http-equiv="X-UA-Compatible" content="chrome=1">
<!--
Copyright (c) 2011 The Chromium Authors. All rights reserved.

Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are
met:

   * Redistributions of source code must retain the above copyright
notice, this list of conditions and the following disclaimer.
   * Redistributions in binary form must reproduce the above
copyright notice, this list of conditions and the following disclaimer
in the documentation and/or other materials provided with the
distribution.
   * Neither the name of Google Inc. nor the names of its
contributors may be used to endorse or promote products derived from
this software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-->
    <title>Teapot Test</title>
    <script type="application/javascript" src="../../common/webgl-utils.js"></script>
    <script type="application/javascript" src="../../../devtools/src/debug/webgl-debug.js"></script>
    <script type="application/javascript" src="../resources/moz/matrix4x4.js"></script>
    <script type="application/javascript" src="../resources/cameracontroller.js"></script>
    <script type="application/javascript" src="teapot-streams.js"></script>
    <script type="application/javascript" src="demo.js"></script>
    <style type="text/css">
      .centeredcanvas {
        margin: 0px auto;
        /* pointer-events: none; */
      }
    </style>
  </head>
  <body id="body" onload="main()">
    <div style="position: relative;">
<P>
Click and drag to rotate teapot. <br>
<a href="http://o3d.googlecode.com/svn/trunk/samples/rotatemodel.html">Original demo</a> from <a href="http://code.google.com/apis/o3d/">O3D</a>.

<P>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse est ligula, egestas sed tempor vitae, pellentesque at massa. Nam a aliquet neque. Nulla a mauris eu lectus faucibus consectetur quis sed sem. Quisque posuere malesuada elementum. Etiam tortor purus, eleifend sit amet mattis vitae, ultrices vitae lorem. Nullam sodales risus eu nisi mollis ullamcorper. Morbi at nisl mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec et eros lobortis sem lobortis luctus eget at arcu. In feugiat mollis purus in lobortis. Suspendisse sed nulla id augue dictum vulputate. Fusce lectus eros, dictum ac hendrerit sit amet, laoreet ultrices leo.

<P>
Morbi pellentesque, metus sit amet auctor convallis, massa lectus interdum dui, vitae auctor diam sapien vel metus. Suspendisse faucibus, erat pellentesque tristique egestas, mi justo porta velit, vitae ornare mauris metus sit amet diam. Praesent posuere dapibus eleifend. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lorem neque, adipiscing eget egestas eget, semper rutrum velit. Praesent blandit tempor convallis. Ut scelerisque, magna pharetra consequat molestie, est arcu convallis justo, sed volutpat sem nisl vel ipsum. Donec euismod risus ut nibh accumsan eget rhoncus tellus vehicula. Etiam vulputate lorem id odio tempus quis suscipit sapien sollicitudin. Duis fringilla hendrerit elit, eget fringilla lectus consequat quis. Nunc suscipit vehicula lorem vel interdum. Sed lectus diam, mattis sed feugiat eget, ullamcorper et velit. Fusce placerat, nisi eget feugiat volutpat, leo diam porta velit, eget volutpat risus mauris sed velit.

<P>
Vestibulum quam augue, vehicula ut congue nec, pulvinar in risus. Morbi eget odio ac lectus porta pretium. In hac habitasse platea dictumst. Praesent libero turpis, interdum sed ultricies at, tempor ut justo. Suspendisse potenti. Phasellus venenatis, leo et accumsan ullamcorper, orci tortor hendrerit magna, nec consequat tellus metus nec neque. Duis eu dignissim nisi. Nulla convallis aliquam est, eu interdum metus malesuada non. Sed in turpis purus. Phasellus accumsan odio lacinia nisl auctor eget tempor nunc euismod. Vivamus malesuada, nibh ut congue sodales, nulla lacus elementum tellus, et mollis nibh sapien luctus dolor. Praesent egestas purus ullamcorper massa ultricies eget fermentum quam consequat. Proin augue nibh, dignissim eu tempus eget, eleifend eget sapien.

<P>
Vivamus at mauris velit. Pellentesque feugiat dapibus orci eu gravida. Vestibulum et ipsum lectus, quis accumsan libero. Ut sit amet odio tortor. Donec ullamcorper eleifend magna, sit amet ultricies quam placerat ut. Proin ac ante sem, quis egestas mi. Sed ultricies laoreet elit nec tempus. Curabitur metus velit, fringilla nec congue non, placerat et nibh. Nulla eget massa odio, ut imperdiet lacus. Sed venenatis bibendum faucibus. Vivamus mattis diam sagittis risus volutpat at condimentum ante ultricies. Mauris vitae congue nisi. Aliquam erat volutpat. Curabitur faucibus gravida turpis, vel eleifend risus malesuada consectetur. Ut non massa non neque ullamcorper euismod. Sed dictum leo eu mi egestas tincidunt. Nullam leo magna, interdum adipiscing condimentum ut, ullamcorper id erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent vestibulum odio sit amet nunc interdum sagittis. Maecenas egestas sodales felis sed placerat.

<P>
Vestibulum placerat scelerisque lectus eu facilisis. Phasellus eleifend tempus gravida. Vivamus id tortor sapien. Phasellus auctor rutrum iaculis. Phasellus vitae cursus enim. Fusce vitae mi sed nisl rhoncus mollis sed vitae enim. Vivamus arcu justo, commodo ut luctus ac, molestie vitae enim. Curabitur hendrerit, odio adipiscing volutpat cursus, lorem ante congue lectus, non scelerisque nunc tellus eget magna. Vestibulum ac sem augue, ac convallis nibh. Ut sed nisi nec tortor suscipit posuere at quis sapien. Pellentesque at lorem neque, vitae convallis diam. Etiam sagittis consequat augue, porta adipiscing lorem pretium a. Sed tincidunt turpis sem. Nunc vel quam a odio blandit accumsan. Ut porttitor porttitor vestibulum. Quisque sit amet felis blandit erat sollicitudin cursus commodo id eros.

    </div>
    <div style="position: absolute; top: 60px; width: 100%">
      <!-- Couldn't figure out how to get this effect without using
           the "center" tag -->
      <center>
        <canvas id="c" style="width: 800px; height: 600px;" class="centeredcanvas">
        </canvas>
      </center>
    </div>
  </body>
</html>
